<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Insert title here</title>
<link rel="stylesheet" href="../static/bootstrap-4.1.1/bootstrap.min.css">
<style type="text/css">


	.my-title{
		position: fixed;
		left:0;
		top:0;
		
		height:50px;
		width:100%;
		background-color: #112233;
		
		color:#CCCCCC;
		font-size:26px;
		font-weight:bold;
		font-family: 楷体;
		line-height:50px;
		padding-left:5px;
		
		z-index: 10;	
	
	}
	
	.my-nav{
		position: fixed;
		left:0;
		top:50px;
		bottom:30px;
		
		
		width:150px;
		background-color: #112235;
	
	}
	
	.my-content{
		position: fixed;
		left:150px;
		right:0;
		top:50px;
		bottom:30px;
		
		background-color: #EEEEEE;
	
	}
	
	.my-remark{
		position: fixed;
		left:0;
		bottom:0;
		
		height:30px;
		width:100%;
		background-color: #112233;
	
	}
	
	.my-content iframe{
		width:100%;
		height:100%;
		border:none;
	
	}
	
	
	.my-curr-user{
	
		position: absolute;
		right:20px;
		bottom:5px;
		color:#CCCCCC;
		font-size:14px;
		line-height:20px;
		
		
	
	}
	
	.my-main-item{	
		color:#CCCCCC;		
		font-size:13px;		
		padding:8px 0 8px 35px;		
		cursor: pointer;	
	}
	
	.my-main-item:hover{
		color:white;
		font-weight:bold;
	}
	
	.my-sub-menu{
		font-size:13px;
		display: block;	
		padding:4px 10px 4px 10px;	
		margin-left:20px;
		width:110px;
		text-align:center;
		color:#AAAAAA;	
		text-decoration: none;	
		border-radius:10px;
	}
	
	.my-sub-menu:hover{
		text-decoration: none;	
		color:white;
		font-weight:bold;
		background-color: #33DDCC;
	}

</style>
</head>
<body>

<div class="my-title">
	XXXOA云信息系统
	<div class="my-curr-user dropdown">
		<div class="dropdown-toggle" data-toggle="dropdown"  >当前用户：${CurrUser.u_name }</div>
		<div class="dropdown-menu" >
		    <a class="dropdown-item" href="#">修改密码</a>
		    <a class="dropdown-item" href="#">退出系统</a>
		</div>
	</div>
	
</div>
<div class="my-nav">

	<div class="accordion" id="my-menu"><!-- 菜单容器 -->
	
	   <c:forEach items="${mainList}" var="mainMenu" >
	
			<div class="my-menu-unit"><!-- 菜单单元 -->
				<div class="my-main-item" data-toggle="collapse" data-target="#my-menu-${mainMenu.menuId}">
					${mainMenu.menunName} 
				</div>
				
				<div id="my-menu-${mainMenu.menuId} }" class="collapse"  data-parent="#my-menu">
				
				    <c:forEach items="${mainMenu.subMenuList }" var="subMenu">
				    
				    <a  class="my-sub-menu" href="${subMenu.menuUrl }" target="contentFrame">${subMenu.menuName }</a>
				    
				    </c:forEach>
				</div>
			</div>
			
		</c:forEach>
		
	
	
	
	</div>


</div>
<div class="my-content"><iframe name="contentFrame"></iframe></div>
<div class="my-remark"></div>


<script type="text/javascript" src="../static/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../static/js/popper-1.14.3.min.js"></script>
<script type="text/javascript" src="../static/bootstrap-4.1.1/bootstrap.min.js"></script>
</body>
</html>